<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./lib/layui/css/layui.css" />
    <link rel="stylesheet" href="./lib/font_3879964_jo4tvshimx/iconfont.css" />
    <link rel="stylesheet" href="./css/conter/conter_ate.css" />
  </head>
  <body>
    <!-- 筛选区域 -->
    <form class="layui-form" id="form" action="">
    <div class="layui-card">
      <div class="layui-card-header"></div>
      <div class="layui-card-body">

        <div class="layui-form-item">
          <div class="layui-inline">
            <label class="layui-form-label">标题</label>
            <div class="layui-input-inline">
              <input
                type="tel"
                name="phone"
                lay-verify="required|phone"
                autocomplete="off"
                class="layui-input"
                placeholder="请输入标题"
                id="Inp"
              />
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">分类</label>
            <!-- dropdown 下拉菜单 -->
            <div class="layui-input-inline dropdown">
              <input
                type="text"
                name="email"
                lay-verify="email"
                autocomplete="off"
                class="layui-input inp"
                placeholder="请选择"
                readonly
              />
              <i class="iconfont icon-xiala below"></i>
            </div>
          </div>
          <!-- 日期 -->
          <div class="layui-inline Time">
            <label class="layui-form-label">时间范围</label>
            <div class="layui-input-inline">
              <input
                type="text"
                class="layui-input time-inp"
                id="test16"
                placeholder="开始 到 结束"
              />
              <i class="iconfont time icon-rili"></i>
            </div>
          </div>
          <!-- 按钮 -->
          <div class="layui-inline Time">
          <button class="layui-btn layui-btn-normal layui-btn-sm" id="Sbtn">
            <i class="layui-icon layui-icon-search"></i> 搜索
          </button>
          <button type="reset" class="layui-btn layui-btn-primary layui-btn-sm" id="resetting">
            <i class="layui-icon layui-icon-refresh"></i>重置
          </button>
        </div>
        </div>
      </form>
        <!-- 按钮，字体图标 -->
          <div class="box">
            <div class="left">
              <button class="layui-btn layui-btn-normal layui-btn-sm blue" id="adddata">
                <i class="layui-icon iconfont icon-jiahao_o"></i>新增
              </button>
              <button type="reset" class="layui-btn layui-btn-primary layui-btn-sm orange">
                <i class="layui-icon iconfont icon-xiazai"></i>导出
              </button>
            </div>
            <div class="rigth">
              <button type="button"  class="button circle"><i class="iconfont icon-shangla"></i></button>
              <button type="button" class="button circle"><i class="iconfont icon-shuaxin"></i></button>
              <button type="button" class="button circle"><i class="iconfont icon-kuaijiecaidan"></i></button>
            </div>
          </div>

          <!-- 列表区域 -->
      <table class="layui-table tbe">
        <colgroup>    
          <col width="80" />
          <col width="280" />
          <col width="80" />
          <col width="140" />
          <col width="120" />
          <col width="100" />
          <col width="100" />
          <col width="100" />
          <col width="404" />
        </colgroup>
        <thead id="thead">
          <tr>
            <th>ID</th>
            <th>标题</th>
            <th>分类名</th>
            <th>图片</th>
            <th>创建时间</th>
            <th>是否推荐</th>
            <th>是否置顶</th>
            <th>文章状态</th>
            <th style="text-align: center;">操作</th>
          </tr>
        </thead>
        <tbody id="tbody" class="tbody">
          <!-- <tr>
            <td>1</td>
            <td>123</td>
            <td>中文</td>
            <td>无</td>
            <td>时间</td>
            <td><input type="checkbox" name="aaa" lay-skin="switch" disabled></td>
            <td><input type="checkbox" name="aaa" lay-skin="switch" disabled></td>
            <td><span class="span">待审核</span></td>
            <td class="td">
              <button class="Bbutton circle"><i class="iconfont icon-bi"></i></button>
              <button class="Bbutton circle"><i class="iconfont icon-shanchu"></i></button>
            </td>
          </tr> -->

           

        </tbody>
        
      </table>
      
      <!-- 分页区域 -->
      <div id="pageBox"></div>
    
      <!-- 修改数据 -->
    <script type="text/html" id="addTplList">
      <form class="layui-form" lay-filter="changeFormData" id="addFormList1" enctype="multipart/form-data" lay-filter="addFormList">
          <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
              <div class="layui-tab-content"></div>
          </div>
          <div class="layui-tab layui-tab-card" style="height:550px ;">
              <ul class="layui-tab-title">
                  <li class="layui-this">基础信息</li>
                  <li>SEO信息</li>
                  <li>文章内容</li>
              </ul>
              <div class="layui-tab-content" style="height: 100px;">
                  <div class="layui-tab-item layui-show">
                      <div class="layui-form-item">
                          <label class="layui-form-label">标题</label>
                          <div class="layui-input-block">
                              <input type="text" name="title"  required lay-verify="required" placeholder="请输入标题名称" autocomplete="off" class="layui-input" />
                          </div>
                      </div>
                      <div class="layui-form-item">
                          <label class="layui-form-label">作者</label>
                          <div class="layui-input-block">
                              <input type="text" name="author" required lay-verify="required" placeholder="请输入作者" autocomplete="off" class="layui-input" />
                          </div>
                      </div>
                      <div class="layui-form-item">
                          <label class="layui-form-label">分类</label>
                          <div class="layui-input-block" style="width: 200px;">
                              <select name="city" lay-verify="required" type="text" name="cateid" required lay-verify="required" placeholder="请输入分类名" autocomplete="off" class="layui-input" id="catename">
                                <option id="option" value="">娱乐</option>
                                <option value="">时政</option>
                                <option value="">段子</option>
                                <option value="">游戏</option>
                                <option value="">音乐</option>
                              </select>
                          </div>
                      </div>
                      <!-- <div class="layui-form-item">
                        <label class="layui-form-label">分类</label>
                        <div class="layui-input-block" style="width: 200px;">
                            <select id="catename" name="city" lay-verify="required" type="text" name="cateid" required lay-verify="required" placeholder="请输入分类名" autocomplete="off" class="layui-input" id="catename"></select>
                        </div> -->
                    <!-- </div> -->
                      <div class="layui-form-item">
                          <label class="layui-form-label">阅读次数</label>
                          <div class="layui-input-block">
                              <input type="text" name="click" required lay-verify="required" placeholder="" autocomplete="off" class="layui-input" />
                          </div>
                      </div>
                      <div class="layui-form-item">
                          <label class="layui-form-label">创建时间</label>
                          <div class="layui-input-inline">
                              <input class="layui-input" placeholder="请输入时间" name="time_text1" id="time_text1" autocomplete="off" />
                          </div>
                      </div>

                      <div class="layui-form-item layui-inline" id="sw1">
                          <label class="layui-form-label">是否推荐</label>
                          <input type="checkbox" lay-skin="switch" />
                      </div>
                      <div class="layui-form-item layui-inline" style="margin-left: 10px" id="sw2">
                          <label class="layui-form-label">是否置顶</label>
                          <input type="checkbox" lay-skin="switch" class="switch2" />
                      </div>
                      <div class="layui-form-item">
                          <label class="layui-form-label">收藏数量</label>
                          <div class="layui-input-block">
                              <input type="text" name="lovenum" required lay-verify="required" placeholder="请输入收藏数量的名称" autocomplete="off" class="layui-input" />
                          </div>
                      </div>
                      <div class="layui-form-item">
                          <label class="layui-form-label">文章缩略图</label>
                          <div class="layui-input-block">
                              <input type="file" name="file" id="files" required lay-verify="required" placeholder="" autocomplete="off" style="display: none;" class="layui-input" />
                              <button type="button" class="layui-btn layui-btn-xs" id="addFile2">上传文件</button>
                          </div>
                      </div>

                      <div class="layui-form-item">
                          <label class="layui-form-label">文章标签</label>
                          <div class="layui-input-block">
                              <input type="text" name="tags" required lay-verify="required" placeholder="" autocomplete="off" class="layui-input" />
                          </div>
                      </div>
                  </div>
                  <div class="layui-tab-item">
                      <div class="layui-form-item layui-form-text" style="margin-top: 60px;">
                          <label class="layui-form-label">seo关键字</label>
                          <div class="layui-input-block">
                              <textarea name="keywords" placeholder="请输入seo关键字名称" class="layui-textarea"></textarea>
                          </div>
                      </div>
                      <div class="layui-form-item layui-form-text" style="margin-top: 60px;">
                          <label class="layui-form-label">seo的描述</label>
                          <div class="layui-input-block">
                              <textarea name="description" placeholder="请输入seo的描述" class="layui-textarea"></textarea>
                          </div>
                      </div>
                  </div>
                  <div class="layui-tab-item">
                      <div class="layui-form-item layui-form-text" style="margin-top: 80px;">
                          <label class="layui-form-label">文章内容</label>
                          <div class="layui-input-block">
                              <textarea name="content" placeholder="请输入文章内容名称" style="height:200px ;" class="layui-textarea"></textarea>
                          </div>
                      </div>
                  </div>
              </div>
          </div>

          <div class="layui-form-item get_up bottom">
              <div class="layui-input-block">
                  <button class="layui-btn get_up" lay-submit lay-filter="formDemo">立即发布</button>
                  <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                  <a href="" class="layui-btn layui-btn-warm" id="backBtn">返回列表</a>
              </div>
          </div>
      </form>
  </script>

   <!-- 新增数据 -->
   <script type="text/html" id="addTplList2">
    <form class="layui-form" lay-filter="changeFormData" id="addFormList" enctype="multipart/form-data" lay-filter="addFormList">
        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
            <div class="layui-tab-content"></div>
        </div>
        <div class="layui-tab layui-tab-card" style="height:550px ;">
            <ul class="layui-tab-title">
                <li class="layui-this">基础信息</li>
                <li>SEO信息</li>
                <li>文章内容</li>
            </ul>
            <div class="layui-tab-content" style="height: 100px;">
                <div class="layui-tab-item layui-show">
                    <div class="layui-form-item">
                        <label class="layui-form-label">标题</label>
                        <div class="layui-input-block">
                            <input type="text" name="title"  required lay-verify="required" placeholder="请输入标题名称" autocomplete="off" class="layui-input" />
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">作者</label>
                        <div class="layui-input-block">
                            <input type="text" name="author" required lay-verify="required" placeholder="请输入作者" autocomplete="off" class="layui-input" />
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">分类</label>
                        <div class="layui-input-block" style="width: 200px;">
                            <select name="city" lay-verify="required" type="text" name="cateid" required lay-verify="required" placeholder="请输入分类名" autocomplete="off" class="layui-input" id="catename">
                              <option id="option" value="">娱乐</option>
                              <option value="">时政</option>
                              <option value="">段子</option>
                              <option value="">游戏</option>
                              <option value="">音乐</option>
                            </select>
                        </div>
                    </div>
                    <!-- <div class="layui-form-item">
                      <label class="layui-form-label">分类</label>
                      <div class="layui-input-block" style="width: 200px;">
                          <select id="catename" name="city" lay-verify="required" type="text" name="cateid" required lay-verify="required" placeholder="请输入分类名" autocomplete="off" class="layui-input" id="catename"></select>
                      </div> -->
                  <!-- </div> -->
                    <div class="layui-form-item">
                        <label class="layui-form-label">阅读次数</label>
                        <div class="layui-input-block">
                            <input type="text" name="click" required lay-verify="required" placeholder="" autocomplete="off" class="layui-input" />
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">创建时间</label>
                        <div class="layui-input-inline">
                            <input class="layui-input" placeholder="请输入时间" name="time_text1" id="time_text1" autocomplete="off" />
                        </div>
                    </div>

                    <div class="layui-form-item layui-inline" id="sw1">
                        <label class="layui-form-label">是否推荐</label>
                        <input type="checkbox" lay-skin="switch" />
                    </div>
                    <div class="layui-form-item layui-inline" style="margin-left: 10px" id="sw2">
                        <label class="layui-form-label">是否置顶</label>
                        <input type="checkbox" lay-skin="switch" class="switch2" />
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">收藏数量</label>
                        <div class="layui-input-block">
                            <input type="text" name="lovenum" required lay-verify="required" placeholder="请输入收藏数量的名称" autocomplete="off" class="layui-input" />
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">文章缩略图</label>
                        <div class="layui-input-block">
                            <input type="file" name="file" id="files" required lay-verify="required" placeholder="" autocomplete="off" style="display: none;" class="layui-input" />
                            <button type="button" class="layui-btn layui-btn-xs" id="addFile2">上传文件</button>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">文章标签</label>
                        <div class="layui-input-block">
                            <input type="text" name="tags" required lay-verify="required" placeholder="" autocomplete="off" class="layui-input" />
                        </div>
                    </div>
                </div>
                <div class="layui-tab-item">
                    <div class="layui-form-item layui-form-text" style="margin-top: 60px;">
                        <label class="layui-form-label">seo关键字</label>
                        <div class="layui-input-block">
                            <textarea name="keywords" placeholder="请输入seo关键字名称" class="layui-textarea"></textarea>
                        </div>
                    </div>
                    <div class="layui-form-item layui-form-text" style="margin-top: 60px;">
                        <label class="layui-form-label">seo的描述</label>
                        <div class="layui-input-block">
                            <textarea name="description" placeholder="请输入seo的描述" class="layui-textarea"></textarea>
                        </div>
                    </div>
                </div>
                <div class="layui-tab-item">
                    <div class="layui-form-item layui-form-text" style="margin-top: 80px;">
                        <label class="layui-form-label">文章内容</label>
                        <div class="layui-input-block">
                            <textarea name="content" placeholder="请输入文章内容名称" style="height:200px ;" class="layui-textarea"></textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="layui-form-item get_up bottom">
            <div class="layui-input-block">
                <button class="layui-btn get_up" lay-submit lay-filter="formDemo">立即发布</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                <a href="" class="layui-btn layui-btn-warm" id="backBtn">返回列表</a>
            </div>
        </div>
    </form>
</script>
        </div>
      </div>


      <!-- <div class="layui-upload">
        <button type="button" class="layui-btn" id="test1">上传图片</button>
      </div>   
       
      <a name="list-progress"> </a>
        
      <div style="margin-top: 10px;"> -->
  
      <script src="./lib/layui/layui.all.js"></script>
      <script src="./js/jquery.min.js"></script>
      <script src="./js/axios.js"></script>
      <script src="./js/template-web.js"></script>
    <script src="./js/conter/conter_ate.js"></script>
  </body>
</html>
